<template>
  <keep-alive>
    <component
      :is="'MenuTree'"
      :key="menuStore.activeTopMenu"
      :root="menuStore.activeTopMenu"
    ></component
  ></keep-alive>
</template>

<script lang="jsx">
  import { defineComponent } from 'vue';
  import { useMenuStore } from '@/stores/menu-store';
  import MenuTree from './menu-tree.vue';
  export default defineComponent({
    name: 'AdminSiderMenus',
    components: { MenuTree },
    props: { root: String },
    setup() {
      const menuStore = useMenuStore();
      return { menuStore };
    },
  });
</script>
<style lang="less"></style>
